.main {
	width: 98%;
	height: auto;
	margin: 0 auto;
}

@font-face {
	font-family: 'iconfont';
	/* project id 795671 */
	src: url('//at.alicdn.com/t/font_795671_x2hdnponrgi.eot');
	src: url('//at.alicdn.com/t/font_795671_x2hdnponrgi.eot?#iefix') format('embedded-opentype'),
		url('//at.alicdn.com/t/font_795671_x2hdnponrgi.woff2') format('woff2'),
		url('//at.alicdn.com/t/font_795671_x2hdnponrgi.woff') format('woff'),
		url('//at.alicdn.com/t/font_795671_x2hdnponrgi.ttf') format('truetype'),
		url('//at.alicdn.com/t/font_795671_x2hdnponrgi.svg#iconfont') format('svg');

}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.menu_view {
	width: 700upx;
	height: auto;
	position: fixed;
	top: 200upx;
	left: 25upx;
	background-color: white;
	z-index: 1000;
}


.top {
	width: 100%;
	height: 300upx;
}

.head_img {
	width: 100upx;
	height: 100upx;
	position: absolute;
	top: 150upx;
	left: 100upx;
	border-radius: 50upx;
}

.usr {
	width: 500upx;
	height: 50upx;
	line-height: 50upx;
	position: absolute;
	top: 200upx;
	left: 230upx;
	color: white;
}

.detail {
	width: 100%;
	height: auto;
}

.detail_list {
	width: 100%;
	height: 200upx;
	background-color: #4CD964;
	margin: 20upx auto;
}

.back_top {
	width: 70upx;
	height: 70upx;
	position: fixed;
	top: 70%;
	right: 100upx;
	/* background-color:white; */
}

.mid_nav {
	width: 100%;
	height: 100upx;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.mid_nav_button_one {
	height: 80upx;
	width: 20%;
	background-color: #4CD964;
	margin-top: 20upx;
	border-radius: 30upx;
	text-align: center;
	font-size: 14px;
	line-height: 80upx;
}

.mid_nav_button {
	margin-left: 40upx;
	height: 80upx;
	width: 20%;
	background-color: #4CD964;
	margin-top: 20upx;
	border-radius: 30upx;
	text-align: center;
	font-size: 14px;
	line-height: 80upx;
}

.menu_box {
	width: 90%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
}

.menu_list {
	width: 100%;
	height: 80upx;
	line-height: 80upx;
	font-size: 18px;
	text-align: center;
	background-color: #C8C7CC;
	border-radius: 50upx;
	margin-top: 30upx;
}

.menu_list_cancle {
	width: 100%;
	height: 100upx;
	line-height: 100upx;
	font-size: 18px;
	background-color: red;
	text-align: center;
	border-radius: 50upx;
	margin-top: 30upx;
}
